document.addEventListener('DOMContentLoaded', function() {
    const loginForm = document.getElementById('form2');
    const signupForm = document.getElementById('form1');
    const signInBtn = document.getElementById('signIn');
    const signUpBtn = document.getElementById('signUp');

    // 处理登录表单提交
//    if (loginForm) {
//        loginForm.addEventListener('submit', function(event) {
//            event.preventDefault();
//
//            const username = document.getElementById('login-username').value;
//            const password = document.getElementById('login-password').value;
//
//            // 在控制台中显示用户名和密码
//            console.log('登录表单提交:', { username, password });
//
//            const loginData = {
//                type: 'login',
//                username: username,
//                password: password
//            };
//
//            // 发送登录请求
//            fetch('/login/', {
//                method: 'POST',
//                headers: {
//                    'Content-Type': 'application/json',
//                    'X-CSRFToken': getCookie('csrftoken') // Django 需要 CSRF 令牌
//                },
//                body: JSON.stringify(loginData)
//            })
//            .then(response => response.json())
//            .then(data => {
//                if (data.success) {
//                    console.log('登录成功:', data);
//                    alert('登录成功');
//                } else {
//                    console.error('登录失败:', data.message);
//                    alert('登录失败: ' + data.message);
//                }
//            })
//            .catch(error => {
//                console.error('登录请求失败:', error);
//                alert('登录请求失败');
//            });
//        });
//    } else {
//        console.error('未找到元素 #form2');
//    }
//
//    // 处理注册表单提交
//    if (signupForm) {
//        signupForm.addEventListener('submit', function(event) {
//            event.preventDefault();
//
//            const username = document.getElementById('signup-username').value;
//            const password = document.getElementById('signup-password').value;
//
//            // 在控制台中显示用户名和密码
//            console.log('注册表单提交:', { username, password });
//
//            const signupData = {
//                type: 'register',
//                username: username,
//                password: password
//            };
//
//            // 发送注册请求
//            fetch('/register/', {
//                method: 'POST',
//                headers: {
//                    'Content-Type': 'application/json'
//                },
//                body: JSON.stringify(signupData)
//            })
//            .then(response => response.json())
//            .then(data => {
//                if (data.success) {
//                    console.log('注册成功:', data);
//                    alert('注册成功');
//                } else {
//                    console.error('注册失败:', data.message);
//                    alert('注册失败: ' + data.message);
//                }
//            })
//            .catch(error => {
//                console.error('注册请求失败:', error);
//                alert('注册请求失败');
//            });
//        });
//    } else {
//        console.error('未找到元素 #form1');
//    }

    // 切换到登录表单
    if (signInBtn) {
        signInBtn.addEventListener('click', function(event) {
            event.preventDefault();
            document.querySelector('.container').classList.remove('right-panel-active');
        });
    } else {
        console.error('未找到元素 #signIn');
    }

    // 切换到注册表单
    if (signUpBtn) {
        signUpBtn.addEventListener('click', function(event) {
            event.preventDefault();
            document.querySelector('.container').classList.add('right-panel-active');
        });
    } else {
        console.error('未找到元素 #signUp');
    }

    // 获取 CSRF 令牌的函数（仅用于登录）
    function getCookie(name) {
        let cookieValue = null;
        if (document.cookie && document.cookie !== '') {
            const cookies = document.cookie.split(';');
            for (let i = 0; i < cookies.length; i++) {
                const cookie = cookies[i].trim();
                if (cookie.substring(0, name.length + 1) === (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
});